
html,body{ height: 100%; }
.sy-loginBG{height: 100%; background-color: #fff; padding-top:40px; }
.sy-LogingMian{ height: 100%; color: #2d97fa; font-size:17px;}

.syLGM-title { text-align: center; padding:10% 0 5%;}
.syLGM-title img{ width: 60px; margin: 0 auto;}

.syLGM-form{ padding: 15px;}

.syLGM-Form-input div.ipItme{ padding-left: 45px; position: relative; height: 54px; line-height: 54px; background-repeat: no-repeat; background-size:30px; background-position:10px 10px ;}
.syLGM-Form-input div.ipItme:after{
	position: absolute;
    right: 0;
    bottom: 0;
    left: 0px;
    height: 0px;
    border-top:1px solid #6ab7ff;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color:none;
}
.syLGM-Form-input .f-input-iphone{ background: url(../images/ico_iphone.png);}
.syLGM-Form-input .f-input-code  { background: url(../images/ico_code.png);}
.syLGM-Form-input .f-input-code button{ position: absolute; right: 10px; top: 10px; border: none; color: #fff; background:#6ab7ff;}
.syLGM-Form-input input{ border:none; background: none; color: #2d97fa;}
.syLGM-Form-input input::placeholder{ color:rgba(45,151,250,.6);}

.syLGM-Form-button{ background: #2d97fa; margin-top: 40px; height: 54px; line-height: 54px; color: #fff; text-align: center; font-size: 20px;}
.syLGM-Form-button:active{ background: #EEE;}

.syLGM-Form-text{ padding: 10px 0 0 0; text-align: right; font-size: 14px;}
.syLGM-Form-text a{ color: #2d97fa; font-size: 16px;}
.syLGM-Form-text a:hover{ color: #EEE;}

.syLGM-Form-other{ padding:10px 15px;}
.syLGM-Form-other h2{ position: relative; font-weight: normal; text-align: center; font-size:16px;}
.syLGM-Form-other h2:after{
	position: absolute;
    right: 0;
    top: 50%;
    left: 0px;
    height: 0px;
    width: 32%;
    border-top:1px solid #6ab7ff;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color:none;	
}
.syLGM-Form-other h2:before{
	position: absolute;
    right: 0;
    top: 50%;
    right: 0px;
    height: 0px;
    width: 32%;
    border-top:1px solid #6ab7ff;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color:none;	
}
.syLGM-Form-other h2 span{ position: relative; z-index: 3; padding: 0 15px; }
.syLGM-Form-other ul{ padding: 15px 0;}
.syLGM-Form-other .muiiconItem{ width: 50px; margin: 0 auto; text-align: center;}
.syLGM-Form-other .mui-icon{ position: relative; width: 35px; height: 35px;}
.syLGM-Form-other .mui-icon:before{ color:#fff; position: absolute; left: 5px; top: 5px; z-index: 3;}
.syLGM-Form-other .mui-icon:after{ content: ''; position: absolute; z-index: 2; left: 0; top: 0; width: 35px; height: 35px; background: #2d97fa; border-radius: 100%; -moz-border-radius: 100%;}
	